/** @jsxImportSource @emotion/react */
import * as React from "react";
import { OriginalViewProps, } from "../../common/base";
import {
    EntranceSetup, config设备概况, config观测数据,
} from "./orcBase";
import {createItem, } from "../../common/eHelper";
import {useRecordList} from "../../hook/useRecordList";
import {setupItemAreaRoute} from "./orcIspConfig";
import {EditStorageContext} from "../../StorageContext";
import {useTheme} from "customize-easy-ui-component";
import {ItemRecheckOmniOther, } from "../../common/editor";
import {ItemInstrumentTable} from "../../common/Instrument";
import {DeviceSurvey, } from "../../elevator/editor";
import {FrontCover, ItemConclusion, } from "../../mobilecr/editorIN";
import {WitnessAmusM} from "../editorJj";
import {ActionMapItemLikeAmuse} from "../ActionMapItemLikeAmuse";
import {OtherIspItemSet, SiteConditionAmus} from "../editor";
import {MeasureCritMem} from "../../hook/useMeasure";


const 大备注可选=["设备应监护使用；作业人员持证后本设备才能投入使用","作业人员持证后本设备才能投入使用",
    "在2024年1月对本设备进行了修理,修理内容见维修施工方案,根据《大型游乐设施安全监察规定》,由对其进行修理的单位承担相应的安全责任。"];

//【暂时考虑】 复检：主要检验仪器设备性能检查 八、复检记录 九、复检综合结论 十、复检备注 附录A2：现场检验条件 ：这几部分取舍待决定，和其它报告不统一。
//？ 监督检验:不存在复检的做法？
const recordPrintList =[
    createItem('Entrance', <EntranceSetup/>),
    createItem('FrontCover', <FrontCover/>),
    createItem('Instrument', <ItemInstrumentTable label={'一、主要检验仪器设备性能检查'} />),
    createItem('Survey', <DeviceSurvey config={config设备概况} label={'二、设备概况'}>
            </DeviceSurvey>),
    createItem('_OtherItem', <OtherIspItemSet baseSeq={84} label={'检验项目: 10 其它项目的设置'}>
            注：※为重要项，其它为一般项。
        </OtherIspItemSet>),
    createItem('Item', null),
    //原来名字：“四、首次检验不合格项目记录”
    createItem('ReCheck', <ItemRecheckOmniOther label={'四、 检验不合格项目内容'} setup={setupItemAreaRoute}/>),
    createItem('Conclusion', <ItemConclusion startd={false} label={'五、综合结论'}/>),
    createItem('Witness', <WitnessAmusM label={'六、备注'} datalist={大备注可选}>
            <>注：特殊情况，应在备注中说明检验员所负责检验的项目编号。</>
            <>注：本备注栏的内容在检验报告附件的备注栏内体现。</>
            </WitnessAmusM>),
    createItem('Measure', <MeasureCritMem config={config观测数据} label={'七、观测数据及测量结果记录'}>
          </MeasureCritMem>),
    createItem('SiteCondition', <SiteConditionAmus label={'附录A1：现场检验条件确认'}/>),
    // createItem('SiteCondition2', <SiteConditionAmus label={'附录A2：现场检验条件确认'}/>),
];


//后端的台账业务信息字段存储会优先被采信 setStorage({...dat, ...snap, _version: items?.version}); 注意字段名字唯一性。
export const OriginalView=
  React.forwardRef((
    { action,  verId, repId='', rep,}
    :OriginalViewProps, ref
  ) => {
    const context =React.useContext(EditStorageContext);
    if(context == null)    throw new Error("EditStorageContext没有提供");
    const {storage, } =context;
    const theme = useTheme();
    //impressionismAs若有动态增加的编辑区就会可能出现hook报错！！干脆固定加一个空的区域（用户项目有没有都会出现的编辑区也即对应createItem()）。
    //初始化，印象派形式的动态构建的项目列表： 目前只有一个的印象派扩展标签。
    const recordPrintListNow =React.useMemo(() => {
      let routeAreas=[] as any[];
      const impressionismAs =setupItemAreaRoute({rep, orc:storage, theme});
      let extendTags =Reflect.ownKeys(impressionismAs) as string[];
      const oldItCount=recordPrintList.length;
      let prevpos=0;
      for(let p=0; p<oldItCount; p++){
        if(extendTags.indexOf(recordPrintList[p].itemArea)>=0){     //需要展开 扩充的标签
            routeAreas=routeAreas.concat(recordPrintList.slice(prevpos,p));
            const itemConfigs= impressionismAs?.[recordPrintList[p].itemArea];
            let seq = 0;
            let moreItems = [] as any;
            //动态 扩充{检验项目配置办法的}编辑区： 目前只有一个的印象派扩展标签ItemArs对应的是'Item-'。 ['Item-', ]
            itemConfigs.forEach((area, x) => {
              seq += 1;
              const rowHead =<ActionMapItemLikeAmuse key={seq} alone={false} editAreasConf={itemConfigs}
                                                     index={x}   />;
              moreItems.push(createItem(area.tag, rowHead));
            });
            routeAreas=routeAreas.concat(moreItems);
            prevpos=p+1;
        }
      }
      routeAreas=routeAreas.concat(recordPrintList.slice(prevpos));
      return routeAreas;
    }, [verId, repId,rep, storage?._Oitems, theme]);

    const {list}=useRecordList(ref,rep,recordPrintListNow,action,verId);

    return <React.Fragment>
      {list}
    {/*      <Button  intent="primary"
               onPress={(e) => { handleSubmit!();
               }}
      >送打印转换器
      </Button>*/}
    </React.Fragment>;
  } );

